<template>
    <div class="activityCont">
        <van-nav-bar  left-text="返回" left-arrow @click-left="onClickLeft">
            <template #title>
                <div class="title">{{title}}</div>
            </template>
        </van-nav-bar>
        <div class="box">
            <iframe ref="if" :src="src" frameborder="0" scrolling="atuo"  height="100%" width="100%"></iframe>
        </div>
    </div>
</template>

<script>
    export default {
        name:'activityCont',
        data() {
            return {
                src:'',
                title:''
            }
        },
        created(){
            
            this.src = this.$route.query.src
            this.title = this.$route.query.title
        },
        methods:{
            onClickLeft() {
                // this.$router.push({name:'activity'});
                this.$router.back()
            },
        }
    }
</script>

<style lang="less" scoped>
    .title{
        width: 200px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .box{
        width: 100%;
        height: calc(100vh - 46px);
    }
</style>